<template>
  <RecommendedSongs />
  <NewSongs />
  <WonderfulRecommondVue />
  <NewDisk />
  <RankingList />
  <MV />
</template>

<script lang="ts">
export default {
  name: 'MusicHome',
}
</script>

<script lang="ts" setup>
import RecommendedSongs from './RecommendedSongs.vue'
import NewSongs from './NewSongs.vue'
import WonderfulRecommondVue from './WonderfulRecommond.vue'
import NewDisk from './NewDisk.vue'
import RankingList from './RankingList.vue'
import MV from './MV.vue'
import { onMounted } from 'vue'
import { useHomeStore } from '@/stores/homeStore'
import { testMockApi } from '@/api/home/getRecommendApi'

onMounted(async () => {
  // console.log(await getRecommondApi())
  // console.log('开始请求模拟数据')
  // const res1 = await testMockApi()
  // console.log(res1)
})
const homeStore = useHomeStore()
onMounted(async () => {
  homeStore.getAllHomeData()
})
</script>
